@keyframes active_line0 {
    0%{
        width: .1vw;
    }
    10%{
        width:7vw;
        left:21vw;
    }
    20%{
        width: 0vw;
        left:28vw;
    }
    25%{
        top: 24vw;
        left: 40vw;
        width: 0;
    }
    35%{
        top: 24vw;
        left: 40vw;
        width: 8vw;
    }
    40%{
        top: 24vw;
        left: 48vw;
        width: 0;
    }

    41%{
        top: 24vw;
        left: 48vw;
        height: 0;
        width: 0;
    }
    42%{
        top: 33.4vw;
        left: 54.5vw;
        height: 0;
        width: 0;
    }
    45%{
        top: 33.4vw;
        left: 54.5vw;
        height: 0;
        width: .1vw;
    }

    55%{
        top: 26.5vw;
        left: 54.5vw;
        height: 7vw;
        width: .1vw;
    }
    65%{
        top: 26.5vw;
        left: 54.5vw;
        height: 0;
        width: .1vw;
    }
    100%{
        top: 26.5vw;
        left: 54.5vw;
        height: 0;
        width: .1vw;
    }
}

@keyframes active_line1 {
    0%{
        width: .1vw;
    }
    5%{
        width:3.5vw;
        left:21vw;
    }
    12.5%{
        width: 0;
        top: 33.4vw;
        left:24.5vw;
    }
    20%{
        width: 0;
        top: 33.4vw;
        left: 39.5vw;
    }
    25%{
        width: 0;
        top: 31vw;
        left: 39.5vw;
    }
    30%{
        width: 4vw;
        top: 31vw;
        left: 39.5vw;
    }
    35%{
        width: 0;
        top: 31vw;
        left: 43.5vw;
    }
    40%{
        width: 0;
        top: 31vw;
        left: 43.5vw;
        height: 0;
    }
    45%{
        width: 0;
        top: 33.4vw;
        left: 70.5vw;
        height: 0;
    }
    55%{
        width: .1vw;
        top: 33.4vw;
        left: 70.5vw;
        height: 0;
    }
    65%{
        width: .1vw;
        top: 26.5vw;
        left: 70.5vw;
        height: 7vw;
    }
    75%{
        width: .1vw;
        top: 26.5vw;
        left: 70.5vw;
        height: 0;
    }
    100%{
        width: .1vw;
        top: 26.5vw;
        left: 70.5vw;
        height: 0;
    }
}
@keyframes active_line2 {
    0%{
        width: 0;
        height: 0;
    }
    5%{
        width: 0;
        height: 0;
    }
    5%{
        width: .1vw;
        height: 0;
        top: 33.4vw;
        left: 24.5vw;
    }
    12.5%{
        width: .1vw;
        height: 2.5vw;
        top: 33.4vw;
        left: 24.5vw;
    }
    16%{
        width: .1vw;
        height: 0;
        top: 35.9vw;
        left: 24.5vw;
    }
    20%{
        width: 0;
        top: 33.4vw;
        left: 39.5vw;
    }
    21%{
        width: 0;
        height: 0;
        top: 33.4vw;
        left: 39.5vw;
    }
    25%{
        width: 0;
        height: .1vw;
        top: 36vw;
        left: 39.5vw;
    }
    30%{
        width: 4vw;
        height: .1vw;
        top: 36vw;
        left: 39.5vw;
    }
    35%{
        width: 0;
        height: .1vw;
        top: 36vw;
        left: 43.5vw;
    }
    40%{
        width: 0;
        height: 0;
        top: 36vw;
        left: 43.5vw;
    }
    45%{
        width: 0;
        height: 0;
        top: 33.4vw;
        left: 86.4vw;
    }
    65%{
        width: .1vw;
        height: 0;
        top: 33.4vw;
        left: 86.4vw;
    }
    75%{
        width: .1vw;
        height: 7vw;
        top: 26.5vw;
        left: 86.4vw;
    }
    85%{
        width: .1vw;
        height: 0;
        top: 26.5vw;
        left: 86.4vw;
    }
    100%{
        width: .1vw;
        height: 0;
        top: 26.5vw;
        left: 86.4vw;
    }
}

@keyframes active_line3 {
    0%{
        width: 0;
        height: 0;
    }
    5%{
        width: 0;
        height: 0;
    }
    5%{
        width: .1vw;
        height: 0;
        top: 33.4vw;
        left: 24.5vw;
    }
    12.5%{
        width: .1vw;
        height: 2.5vw;
        top: 31vw;
        left: 24.5vw;
    }
    16%{
        width: .1vw;
        height: 0;
        top: 31vw;
        left: 24.5vw;
    }
    20%{
        width: 0;
        height: 0;
        top: 31vw;
        left: 24.5vw;
    }
    25%{
        width: 0;
        height: 0;
        top: 31vw;
        left: 43.4vw;
    }
    30%{
        width: .1vw;
        height: 0;
        top: 31vw;
        left: 43.4vw;
    }
    35%{
        width: .1vw;
        height: 2.5vw;
        top: 31vw;
        left: 43.4vw;
    }
    40%{
        width: .1vw;
        height: 0;
        top: 33.5vw;
        left: 43.4vw;
    }
    100%{
        width: .1vw;
        height: 0;
        top: 31vw;
        left: 43.4vw;
    }
}

@keyframes active_line4 {
    0%{
        width: 0;
        height: 0;
    }
    5%{
        width: 0;
        height: 0;
    }
    5%{
        height: .1vw;
        top: 31vw;
        left: 24.5vw;
        width: 0;
    }
    12.5%{
        height: .1vw;
        top: 31vw;
        left: 24.5vw;
        width: 0;
    }
    16%{
        height: .1vw;
        top: 31vw;
        left: 24.5vw;
        width: 4vw;
    }
    20%{
        height: .1vw;
        top: 31vw;
        left: 28.5vw;
        width: 0;
    }
    25%{
        width: 0;
        height: 0;
        top: 31vw;
        left: 28.5vw;
    }
    25%{
        width: 0;
        height: 0;
        top: 36vw;
        left: 43.4vw;
    }
    30%{
        width: .1vw;
        height: 0;
        top: 36vw;
        left: 43.4vw;
    }
    35%{
        width: .1vw;
        height: 2.5vw;
        top: 33.5vw;
        left: 43.4vw;
    }
    40%{
        width: .1vw;
        height: 0;
        top: 33.5vw;
        left: 43.4vw;
    }
    100%{
        width: .1vw;
        height: 0;
        top: 33.5vw;
        left: 43.4vw;
    }
}
@keyframes active_line5 {
    0%{
        width: 0;
        height: 0;
    }
    5%{
        width: 0;
        height: 0;
    }
    5%{
        height: .1vw;
        top: 31vw;
        left: 24.5vw;
        width: 0;
    }
    12.5%{
        height: .1vw;
        top: 35.9vw;
        left: 24.5vw;
        width: 0;
    }
    16%{
        height: .1vw;
        top: 35.9vw;
        left: 24.5vw;
        width: 4vw;
    }
    20%{
        height: .1vw;
        top: 35.9vw;
        left: 28.5vw;
        width: 0;
    }
    21%{
        height: 0;
        top: 35.9vw;
        left: 28.5vw;
        width: 0;
    }
    30%{
        height: 0;
        top: 33.4vw;
        left: 43.4vw;
        width: 0;
    }
    35%{
        height: .1vw;
        top: 33.4vw;
        left: 43.4vw;
        width: 0;
    }
    45%{
        height: .1vw;
        top: 33.4vw;
        left: 43.4vw;
        width: 11.1vw;
    }
    55%{
        height: .1vw;
        top: 33.4vw;
        left: 54.5vw;
        width: 16vw;
    }
    65%{
        height: .1vw;
        top: 33.4vw;
        left: 70.5vw;
        width: 15.9vw;
    }
    75%{
        height: .1vw;
        top: 33.4vw;
        left: 86.4vw;
        width: 0;
    }
    100%{
        height: .1vw;
        top: 33.4vw;
        left: 86.4vw;
        width: 0;
    }
}

@keyframes bottom_active_left {
    0%{
    width: 0;
    height: 0;
    top: 37.5vw;
    left: 33.4vw;
    }
    40%{
        width: .1vw;
        height: 0;
        top: 37.5vw;
        left: 33.4vw;
    }
    50%{
        width: .1vw;
        height: 4vw;
        top: 37.5vw;
        left: 33.4vw;
    }
    60%{
        width: .1vw;
        height: 0;
        top: 41.5vw;
        left: 33.4vw;
    }
    100%{
        width: .1vw;
        height: 0;
        top: 41.5vw;
        left: 33.4vw;
    }
}
@keyframes bottom_active_right {
    0%{
        width: 0;
        height: 0;
        top: 41.5vw;
        left: 33.4vw;
    }
    50%{
        width: 0;
        height: .1vw;
        top: 41.5vw;
        left: 33.4vw;
    }
    65%{
        width: 16vw;
        height: .1vw;
        top: 41.5vw;
        left: 33.4vw;
    }
    80%{
        width: 0;
        height: .1vw;
        top: 41.5vw;
        left: 49.4vw;
    }
    100%{
        width: 0;
        height: .1vw;
        top: 41.5vw;
        left: 49.4vw;
    }
}


@keyframes bottom_active_left2 {
    0%{
        width: 0;
        height: 0;
        top: 34.5vw;
        left: 86.4vw;
    }
    40%{
        width: .1vw;
        height: 0;
        top: 34.5vw;
        left: 86.4vw;
    }
    50%{
        width: .1vw;
        height: 7vw;
        top: 34.5vw;
        left: 86.4vw;
    }
    60%{
        width: .1vw;
        height: 0;
        top: 41.5vw;
        left: 86.4vw;
    }
    100%{
        width: .1vw;
        height: 0;
        top: 41.5vw;
        left: 86.4vw;
    }
}
@keyframes bottom_active_right2 {
    0%{
        width: 0;
        height: 0;
        top: 41.5vw;
        left: 86.4vw;
    }
    50%{
        width: 0;
        height: .1vw;
        top: 41.5vw;
        left: 86.4vw;
    }
    65%{
        width: 19vw;
        height: .1vw;
        top: 41.5vw;
        left: 67.4vw;
    }
    80%{
        width: 0;
        height: .1vw;
        top: 41.5vw;
        left: 67.4vw;
    }
    100%{
        width: 0;
        height: .1vw;
        top: 41.5vw;
        left: 67.4vw;
    }
}